<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>${titleName!""}</title>
    <style type="text/css">
        body {
            font-family: SimSun;
        }
        @page {
            size: 8.5in 11in;
        }
        .head{
            display: inline-block;
            width: 27%;
            vertical-align: top;
            text-align: left;
        }
        .spot{
            width: 10px;
            height: 10px;
            background-color: aqua;
            border-radius: 50%;
            display: inline-block;
            margin-left:-18px;
        }
        .sign-info .header-info {
            padding: 20px 0;
            margin-bottom: 20px;
            border-bottom: 1px solid #ddd;
            text-align: center;
        }

        .sign-info .header-info span {
            vertical-align: top;
        }

        .sign-info .header-info .mark {
            font-size: 40px;
        }

        .sign-info .header-info .mark.border {
            padding-right: 20px;
            border-right: 1px solid #ddd;
            margin-right: 20px;
        }

        .sign-info .not-qulified {
            text-align: center;
            margin-bottom: 20px;
        }

        .sign-info .not-qulified .sign-title {
            width: 100px;
            display: inline-block;
            vertical-align: top;
        }

        .sign-info .not-qulified .items {
            width: 700px;
            display: inline-block;
            text-align: left;
        }

        .sign-info .not-qulified .items .item {
            width: 48%;
            display: inline-block;
        }

        .sign-info .not-qulified .items .item:nth-child(odd) {
            margin-right: 3%;
        }

        .sign-info .foot-area {
            display: inline-block;
            width: 48%;
            vertical-align: top;
        }

        .sign-info .foot-area .row {
            margin-bottom: 10px;
        }

        .sign-info .foot-area .item-title {
            display: inline-block;
            width: 28%;
            vertical-align: top;
            text-align: right;
        }

        .sign-info .foot-area .item-text {
            display: inline-block;
            width: 70%;
            vertical-align: top;
            min-height: 100px;
        }

        .sign-info .foot-area .item-img {
            display: inline-block;
            vertical-align: top;
            max-height: 120px;
            height: 100%;
            width: 30%;
        }
    </style>
</head>
<body>
<h1 style="text-align: center">${titleName!""}</h1><br/>
<div style="margin-left:20%">
    <p>业务检查模板:${temName!""}</p>
    <p>满分:${fullMark!"0"}|得分:${mark!"0"}|整改后得分:${mendMark!"0"}</p>
    <p>检查单号:${guidNum!""}</p>
    <p>检查人:${instructor!""}</p>
    <p>检查时间:${createdAt!""}</p>
    <p>档案单位:${archiveUnit!""}</p>
    <p>地址:${gpsAddress!""}</p>
    <p>档案员:${archivist!""}</p>
    <p>档案员电话:${archivistPhone!""}</p>
</div>
<hr />
<h3 style="padding-left:9%"><#if (notUpToStandard)?? && (notUpToStandard?size > 0)>未达标项</#if></h3>
<div style="padding-left:20%">
<#if (notUpToStandard)?? && (notUpToStandard?size > 0)>
    <#list notUpToStandard as subject>
        <font>${subject.title!""}<#if (subject.subTitle)?? && (subject.subTitle != "")>(${subject.subTitle})</#if><#if (subject.mark)??>(${subject.mark})</#if><#if (subject.mendMark == subject.mark)><span style="color: red;margin-left: 10px">已通过</span></#if></font><br/>
        <#if (subject.description)?? && (subject.description != "") >
            <p>评分标准: ${subject.description}</p>
        </#if>
        <#if (subject.mendOptionResponseList)?? && (subject.mendOptionResponseList?size > 0)>
            <#list subject.mendOptionResponseList as subItem>
                <#if (subItem)??>
                    <div style="padding-left:30px;margin:10px"><#if (subItem.checked)?? && subItem.checked gt 0><div class="spot"></div></#if><span> ${subItem.optionName!""}<#if (subItem.optionMark)??>(${subItem.optionMark})</#if></span></div>
                    <#if (subItem.hasImgs == 1)>
                        <div class="sign-info" style="padding-left:30px;margin:10px">
                            <div class="foot-area">
                                <span>检查拍照:</span>
                                <div class="row">
                                    <#if (subItem.imgs)?? && (subItem.imgs?size > 0)>
                                        <#list subItem.imgs as img>
                                            <#if (img.businessType != "MendImg")>
                                                <#if (img.url)??>
                                                    <img class="item-img" src="${img.url}"/>
                                                </#if>
                                            </#if>
                                        </#list>
                                    <#else>
                                        <span>未上传</span>
                                    </#if>
                                </div>
                            </div>
                        </div>
                    </#if>
                    <div class="sign-info" style="padding-left:30px;margin:10px">
                        <div class="foot-area">
                            <span>整改拍照:</span>
                            <div class="row">
                                <#if (subItem.imgs)?? && (subItem.imgs?size > 0)>
                                    <#list subItem.imgs as img>
                                        <#if (img.businessType == "MendImg")>
                                            <#if (img.url)??>
                                                <img class="item-img" src="${img.url}"/>
                                            </#if>
                                        </#if>
                                    </#list>
                                <#else>
                                    <span>未上传</span>
                                </#if>
                            </div>
                        </div>
                    </div>
                </#if>
            </#list>
        </#if>
        <#if (subject.custom == 1)>
            <div class="sign-info" style="padding-left:30px;margin:10px">
                <div class="foot-area">
                    <span>检查拍照:</span>
                    <div class="row">
                        <#if (subject.imgs)?? && (subject.imgs?size > 0)>
                            <#list subject.imgs as img>
                                <#if (img.businessType != "MendImg")>
                                    <img class="item-img" src="${img.url}"/>
                                </#if>
                            </#list>
                        <#else>
                            <span>未上传</span>
                        </#if>
                    </div>
                </div>
            </div>
            <div class="sign-info" style="padding-left:30px;margin:10px">
                <div class="foot-area">
                    <span>整改拍照:</span>
                    <div class="row">
                        <#if (subject.imgs)?? && (subject.imgs?size > 0)>
                            <#list subject.imgs as img>
                                <#if (img.businessType == "MendImg")>
                                    <img class="item-img" src="${img.url}"/>
                                </#if>
                            </#list>
                        <#else>
                            <span>未上传</span>
                        </#if>
                    </div>
                </div>
            </div>
        </#if>
        <#if (subject.defaultMark)??><p>默认得分:${subject.defaultMark}</p></#if>
        <#if (subject.remark)??><p>备注:<div>${subject.remark}</div></p></#if>
        <#if (subject.mendRemark)??><p>整改说明:<div>${subject.mendRemark}</div></p></#if>
        <span>---------------------------------</span><br/>
    </#list>
</#if>
</div>
<br/>
<#if (additions)?? && (additions?size > 0)>
<div class="mendListItemTitle">整改附件:</div>
</#if>
<div style="margin-left:20%">
    <div>
    <#if (additions)?? && (additions?size > 0)>
        <#list additions as img>
            <p>${img_index + 1}:${img.fileName!""}</p>
        </#list>
    </#if>
    </div>
</div>
<div style="margin-left: 40px;margin-top: 30px;width: 70%;">
    整改说明:
    <div style="margin-left: 25px;">
    ${mendRemark!""}
    </div>
</div>
<div style="margin-left: 40px;margin-top: 30px;width: 70%;">
    验证备注:
    <div style="margin-left: 25px;">
    ${verifyRemark!""}
    </div>
</div>
</body>
</html>